﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>旅游地图</title>
<link href="main.css" rel="stylesheet" type="text/css" />
<style type="text/css">
INPUT {
	BORDER: #cecece 1px solid;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	padding: 0 8px;
	margin: 5px 0;
}

INPUT:hover {
	BORDER: #f60 1px solid;
}

</style>
	<script src="http://maps.google.com/maps/api/js?sensor=false&libraries=places" type="text/javascript"></script>
	<script type="text/javascript" src="js/toLatLng.js"></script>
	<script type="text/javascript" src="js/distance.js"></script>
	<script type="text/javascript" src="js/searchRoad.js"></script>
	<script type="text/javascript" src="js/scenic.js"></script>
	<script type="text/javascript" src="js/checkPosition.js"></script>
<script type="text/javascript">
	function setMapDiv(VWidth, VHeight) {
		var mydiv = document.getElementById("map_canvas");
		mydiv.style.width = VWidth;
		mydiv.style.height = VHeight;
	}
</script>
</head>
<body>
	<div>
		<table cellspacing="0" cellpadding="6"
			border="0">

			<tr>
				<td>
					<div id="tools" style="display:none">
						<!--		<input type="button" id="showMarker" value="隐藏景点" onclick="markerFun();"/> 
					<input type="button" id="ceJu" value="测距" onclick="ceJu();" /> 
					<input type="button" id="ceJu" value="地位" onclick="" />
					 <input id="cancelDiv" type="button" onclick="addPoint();" value="公路导航" /> 
		 -->
						<strong>选择交通工具: </strong> <select id="mode"
							onchange="calcRoute();">
							<option value="DRIVING">Driving</option>
							<option value="WALKING">Walking</option>
							<option value="BICYCLING">Bicycling</option>
							<option value="TRANSIT">Transit</option>
						</select>
					</div>

					<div id="searchId">
						<!-- class='searchDiv' -->
						地点：<input id="address" type="textbox" value="" width="80%" /> <input
							type="button" value=" 解 析 " id="go" onClick="codeAddress()" />
					</div>

					<div id="mapLoading">
						<img src="images/MapLoading.gif" /><span>地图加载中。。。</span>
					</div>
					<div id="map_canvas" style="width:720px;height:600px;"></div><!-- style="width:720px;height:600px;" -->
				</td>
			</tr>
		</table>
	</div>
	<!--//先加载dom-->

	<!--//地图上显示当前位置经纬度-->
</body>
</html>
